<template>

  <div>
      <div  class="father">
          <div class="containers" v-for="(value,index) in 5 " :key="index">
              <div class="title">
               
                <router-link :to="`/education/${index}`">测试</router-link>
              </div>
              <div class="Desmessage">
                  <span><span class="glyphicon glyphicon-pencil" aria-hidden="true" style="color:blue"></span>&nbsp;2020-12-15</span>
                  <span> <span class="glyphicon glyphicon-user" aria-hidden="true" style="color:blue"></span>&nbsp;115</span>
                  <span> <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" style="color:blue"></span>&nbsp;100</span>
              </div>
              <van-divider :style="{color:'#1989fa',borderColor:'#1989fa'}">
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
              </van-divider>
          </div>
      </div>
  </div>
</template>
<script>
export default {
    name:"TextContentIndex",
     data() {
    return {
      show: false,
     
    };
  },

  methods: {
    showPopup() {
      this.show = true;
    },
  },
}
</script>

<style>
.father{
  width: 100%;
   background-color:black;
 
}
.containers{
  background-color: #000;
 
}
.title a{
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}
.Desmessage{
 color: #1989fa;
  display:flex;
  justify-content: space-between;
  padding-top: 20px;
 
}
</style>